<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/recruitment.css">
    <title>招聘</title>
</head>

<body>
    <div>
        <div class="nav-head">
            <span class="head-text">站酷招聘</span>

        </div>
        <div class="nav-search">

            <div class="search-city" id="box">
                <button>广州</button>
                <!--- <ul id="menu">
                    <li><span>当前城市</span>广州</li>
                    <li><span>其他城市</span>北京</li>

                </ul> -->

            </div>
            <div class="search-input">
                <input type="text" value placeholder="搜索职位或公司" class="search-text">
            </div>
        </div>
        <div class="nav-hot">
            <span class="hot-text">-热门职位-</span>
        </div>
        <div class="module-first">
            <div class="module-img"><img src="" alt=""></div>
            <div class="module-text">
                <div class="text-first">设计总监</div>
                <div class="text-second"><span>牛马人</span><span class="text-right text-color">15K-18K</span></div>
                <div class="text-end"><span>广州|经验3-5年|学历不限</span><span class="text-right">9小时前发布</span></div>
            </div>
        </div>
        <div class="module-first">
            <div class="module-img"><img src="" alt=""></div>
            <div class="module-text">
                <div class="text-first">设计总监</div>
                <div class="text-second"><span>牛马人</span><span class="text-right text-color">15K-18K</span></div>
                <div class="text-end"><span>广州|经验3-5年|学历不限</span><span class="text-right">9小时前发布</span></div>
            </div>
        </div>
        <div class="module-first">
            <div class="module-img"><img src="" alt=""></div>
            <div class="module-text">
                <div class="text-first">设计总监</div>
                <div class="text-second"><span>牛马人</span><span class="text-right text-color">15K-18K</span></div>
                <div class="text-end"><span>广州|经验3-5年|学历不限</span><span class="text-right">9小时前发布</span></div>
            </div>
        </div>
        <div class="module-first">
            <div class="module-img"><img src="" alt=""></div>
            <div class="module-text">
                <div class="text-first">设计总监</div>
                <div class="text-second"><span>牛马人</span><span class="text-right text-color">15K-18K</span></div>
                <div class="text-end"><span>广州|经验3-5年|学历不限</span><span class="text-right">9小时前发布</span></div>
            </div>
        </div>
        <div class="module-first">
            <div class="module-img"><img src="" alt=""></div>
            <div class="module-text">
                <div class="text-first">设计总监</div>
                <div class="text-second"><span>牛马人</span><span class="text-right text-color">15K-18K</span></div>
                <div class="text-end"><span>广州|经验3-5年|学历不限</span><span class="text-right">9小时前发布</span></div>
            </div>
        </div>
        <div class="module-first">
            <div class="module-img"><img src="" alt=""></div>
            <div class="module-text">
                <div class="text-first">设计总监</div>
                <div class="text-second"><span>牛马人</span><span class="text-right text-color">15K-18K</span></div>
                <div class="text-end"><span>广州|经验3-5年|学历不限</span><span class="text-right">9小时前发布</span></div>
            </div>
        </div>
        <div class="nav-login">
            <div class="login-text">登录查看专属岗位</div>
            <div class="login-button">登录</div>
        </div>
        <div class="nav">
            <div class="nav-position"><span>职位</span></div>
            <div class="nav-my"><span>我的</span></div>
        </div>
    </div>
    <!-- <script>
        var box = document.getElementById('box');
        var menu = document.getElementById('menu');
        box.onmouseover = function() {
            menu.style.display = 'block';
        }
        box.onmouseout = function() {
            menu.style.display = 'none';
        }
    </script> -->
</body>

</html>